<template>
	<view class="comp-progress" :style="{backgroundColor:bgColor,height:size+'px'}">
		<view class="bar" :style="{width:percent+'%',height:size+'px',backgroundColor:activeColor}"></view>
	</view>
</template>

<script>
	export default {
		name:"comp-progress",
		props : {
			bgColor:{
				type:String,
				default :'#282c35'
			},
			activeColor:{
				type:String,
				default : '#191b1f'
			},
			percent : {
				type : Number,
				default : 0
			},
			size : {
				type : Number,
				default : 5
			}
		},
		data() {
			return {
				
			};
		},
		created() {

		}
	}
</script>

<style lang="scss">
	.comp-progress{
		position: relative;
		overflow: hidden;
		width:100%;
		.bar{
			// transition: all .5s;
		}
	}
</style>